<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			
			#info
			{
				width: 300px;
				height: 500px;
				background-color: aquamarine;
				/* overflow: auto;   /* 设置滚动条 */ */
			}
		</style>
		<script type="text/javascript">
			window.onload=function()
			{
				var info=document.getElementById("info");
				var inp1=document.getElementById("inp1");
				var inp2=document.getElementById("inp2");
				
				//绑定滚动的事件
				info.onscroll=function()
				{
					
					if(info.scrollHeight-info.scrollTop==info.clientHeight)   //为啥我的浏览器不行呢 待会自己运算一下也是可以的
					{
						inp1.disabled=false;
						inp2.disabled=false;
					}
				}
			}
		</script>
	</head>
	<body>
		<h3>欢迎亲爱的用户注册</h3>
		<p id="info">亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		亲爱的用户，请仔细阅读以下协议，不阅读的话你就别注册
		</p>
		<input id="inp1" type="checkbox" disabled="disabled"/>我已经仔细阅读协议，一定遵守
		<button disabled="disabled">提交</button>  
		<input id="inp2" type="submit" value="注册" disabled="disabled">  <!-- 表单将变成不可用状态-->
	</body>
</html>